<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单添加编辑渲染</title>
<link rel="stylesheet" type="text/css" href="/Plug-in/ext/resources/css/ext-all.css" />
    <script type="text/javascript" charset="utf-8" src="/Plug-in/ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" charset="utf-8"  src="/Plug-in/ext/ext-all.js"></script><script type="text/javascript">
	Ext.BLANK_IMAGE_URL = '/Plug-in/ext/resources/images/default/s.gif';
	</script>
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<script type="text/javascript" src="/Plug-in/kind/kindeditor.js"></script>

<style type="text/css">
.x-date-menu > ul{
display: inline;
}
.x-date-menu > ul li{
display: inline;
}
.hang {
	background: #D1DDEF;
	border-top:1px dotted #B5B8C8;
	border-bottom:1px dotted #B5B8C8;
}

</style>
<script language="javascript">
Ext.onReady(function(){

    Ext.QuickTips.init();
    
    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

    var fp = new Ext.FormPanel({
        frame: true,
        labelWidth: 110,
        width: 600,
        renderTo:'form-ct',
        bodyStyle: 'padding:0 10px 0;',
        
        items: [{
								layout: 'column',
								border: false,
								defaults: {
									columnWidth: '.5',
									border: false
								},items:[
								{
									bodyStyle: 'padding-right:5px;',
									items:{
										xtype:'fieldset',
										title: '账户相关',
										autoHeight: true,
										items: [{
							xtype: 'textfield',
							value:"",
							fieldLabel:'登陆名',
							id:'174',
							grow:true,growMin:68,growMax:300,
							
							
							
							itemCls:'hang',
							name: 'user'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'密码',
							id:'175',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'psw'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'会员类型',
							id:'189',
							grow:true,growMin:68,growMax:300,
							
							
							
							itemCls:'hang',
							name: 'usertype'
							},]}},{
									bodyStyle: 'padding-right:5px;',
									items:{
										xtype:'fieldset',
										title: '权限相关',
										autoHeight: true,
										items: [{
							xtype: 'textfield',
							value:"",
							fieldLabel:'权限配置',
							id:'190',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'rcfg'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'密码',
							id:'175',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'psw'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'会员类型',
							id:'189',
							grow:true,growMin:68,growMax:300,
							
							
							
							itemCls:'hang',
							name: 'usertype'
							},]}}]},{
								xtype:'fieldset',
								title: '个人相关信息',
								autoHeight: true,
								items: [{
							xtype: 'textfield',
							value:"",
							fieldLabel:'权限配置',
							id:'190',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'rcfg'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'密码',
							id:'175',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'psw'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'会员类型',
							id:'189',
							grow:true,growMin:68,growMax:300,
							
							
							
							itemCls:'hang',
							name: 'usertype'
							},]},{
								xtype:'fieldset',
								title: '公司相关住息',
								autoHeight: true,
								items: [{
							xtype: 'textfield',
							value:"",
							fieldLabel:'权限配置',
							id:'190',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'rcfg'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'密码',
							id:'175',
							grow:true,growMin:68,growMax:300,
							
							
							
							
							name: 'psw'
							},{
							xtype: 'textfield',
							value:"",
							fieldLabel:'会员类型',
							id:'189',
							grow:true,growMin:68,growMax:300,
							
							
							
							itemCls:'hang',
							name: 'usertype'
							},]}],
        
        buttons: [{
            text: '保存',
            handler: function(){
               if(fp.getForm().isValid()){
                    Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+ 
                        fp.getForm().getValues(true).replace(/&/g,', '));
                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });
	
});
</script>
</head>
<body>
    <div id="form-ct"></div>

</body>
</html>